<# var inst; for(var prop in json ){ inst=json[prop]["instance"]; #>
<table id="jboss_instance_<#=inst.id #>">
    <thead><tr>
      <th colspan="2" style="padding-left:300px"><#=inst.name #> <#=inst.id #></th>
    </tr></thead>
	<tr>
		<td>
		<div id="placeholder_<#=inst.id #>" style="width: 700px; height: 500px;"></div>
		</td>
		<td>
			<div id="legend2333">
		<table style="font-size: smaller; color: rgb(84, 84, 84);">
			<tbody>
				<tr>
				    <td><input id="codeCache_<#=inst.id #>" type="checkbox" class="" checked="checked" name="1"/></td>
					<td class="legendColorBox">
					<div style="border: 1px solid rgb(204, 204, 204); padding: 1px;">
					<div
						style="width: 4px; height: 0pt; border: 5px solid rgb(237, 194, 64); overflow: hidden;"></div>
					</div>
					</td>
					<td class="legendLabel">Code Cache</td>
				</tr>
				<tr>
				    <td><input id="codeCachem_<#=inst.id #>" type="checkbox" class="" checked="checked" name="2"/></td>
					<td class="legendColorBox">
					<div style="border: 1px solid rgb(204, 204, 204); padding: 1px;">
					<div
						style="width: 4px; height: 0pt; border: 5px solid rgb(77, 167, 77); overflow: hidden;"></div>
					</div>
					</td>
					<td class="legendLabel">Code Cache Max</td>
				</tr>
				<tr>
				     <td><input id="edenSpace_<#=inst.id #>" type="checkbox" class="" checked="checked" name="3"/></td>
					<td class="legendColorBox">
					<div style="border: 1px solid rgb(204, 204, 204); padding: 1px;">
					<div
						style="width: 4px; height: 0pt; border: 5px solid rgb(203, 75, 75); overflow: hidden;"></div>
					</div>
					</td>
					<td class="legendLabel">Eden Space</td>
				</tr>
				<tr>
				     <td><input id="edenSpacem_<#=inst.id #>" type="checkbox" class="" checked="checked" name="4"/></td>
					<td class="legendColorBox">
					<div style="border: 1px solid rgb(204, 204, 204); padding: 1px;">
					<div
						style="width: 4px; height: 0pt; border: 5px solid rgb(189, 155, 51); overflow: hidden;"></div>
					</div>
					</td>
					<td class="legendLabel">Eden Space Max</td>
				</tr>
				<tr>
				     <td><input id="survivorSpace_<#=inst.id #>" type="checkbox" class="" checked="checked" name="5"/> </td>
					<td class="legendColorBox">
					<div style="border: 1px solid rgb(204, 204, 204); padding: 1px;">
					<div
						style="width: 4px; height: 0pt; border: 5px solid rgb(148, 64, 237); overflow: hidden;"></div>
					</div>
					</td>
					<td class="legendLabel">Survivor Space</td>
				</tr>
				<tr>
				     <td><input id="survivorSpacem_<#=inst.id #>" type="checkbox" class="" checked="checked" name="6"/></td>
					<td class="legendColorBox">
					<div style="border: 1px solid rgb(204, 204, 204); padding: 1px;">
					<div
						style="width: 4px; height: 0pt; border: 5px solid rgb(162, 60, 60); overflow: hidden;"></div>
					</div>
					</td>
					<td class="legendLabel">Survivor Space Max</td>
				</tr>
				<tr>
				    <td><input id="oldGenSpace_<#=inst.id #>" type="checkbox" class="" checked="checked" name="7"/></td>
					<td class="legendColorBox">
					<div style="border: 1px solid rgb(204, 204, 204); padding: 1px;">
					<div
						style="width: 4px; height: 0pt; border: 5px solid rgb(140, 172, 198); overflow: hidden;"></div>
					</div>
					</td>
					<td class="legendLabel">Old Gen Space</td>
				</tr>
				<tr>
				     <td><input id="oldGenSpacem_<#=inst.id #>" type="checkbox" class="" checked="checked" name="8"/></td>
					<td class="legendColorBox">
					<div style="border: 1px solid rgb(204, 204, 204); padding: 1px;">
					<div
						style="width: 4px; height: 0pt; border: 5px solid rgb(118, 51, 189); overflow: hidden;"></div>
					</div>
					</td>
					<td class="legendLabel">Old Gen Space Max</td>
				</tr>
				<tr>
				     <td><input id="permGenSpace_<#=inst.id #>" type="checkbox" class="" checked="checked" name="9"/></td>
					<td class="legendColorBox">
					<div style="border: 1px solid rgb(204, 204, 204); padding: 1px;">
					<div
						style="width: 4px; height: 0pt; border: 5px solid rgb(61, 133, 61); overflow: hidden;"></div>
					</div>
					</td>
					<td class="legendLabel">Perm Gen Space</td>
				</tr>
				<tr>
				    <td><input id="permGenSpacem_<#=inst.id #>" type="checkbox" class="" checked="checked" name="10"/></td>
					<td class="legendColorBox">
					<div style="border: 1px solid rgb(204, 204, 204); padding: 1px;">
					<div
						style="width: 4px; height: 0pt; border: 5px solid rgb(175, 216, 248); overflow: hidden;"></div>
					</div>
					</td>
					<td class="legendLabel">Perm Gen Space Max</td>
				</tr>
				
				<tr>
				<td colspan="3" style="border-bottom:0" >
				   <form><table><tr><td class="legendLabel" colspan="1"><input type="button" value="Clear Data" onclick="clearReportData(<#=inst.id #>);"/> </td> <td colspan="3" class="legendLabel"><input type="button" value="Export Data" onclick="location.href='export_reports?instanceId=<#=inst.id #>'");
					   " /> </td></tr></table></form>
				 </td>
				</tr>
				
			</tbody>
		</table>
		</div>
	    </td>
	</tr>
	
</table>
<# } #>